
$(function () {

    //导航移入移出事件
    $(".main0 p").on("mouseenter", function () {
        $(this).css("color", "red")
    })
    $(".main0 p").on("mouseleave", function () {
        $(this).css("color", "#000")
    })


    //商品分类移入移出事件
    $(".main1-1 p").on("mouseenter", function () {
        $(this).css("background", "rgb(80, 80, 80)")
        $(".main1-4-1").eq($(this).index()).css("display", "block")
        $(".main1-4").css("display", "block")
    })
    $(".main1-1 p").on("mouseleave", function () {
        $(this).css("background", "")
        $(".main1-4-1").eq($(this).index()).css("display", "none")
        $(".main1-4").css("display", "none")
    })


    //大的商品分类
    $(".main1-4-1").on("mouseenter", function () {
        $(this).css("display", "block")
        $(".main1-4").css("display", "block")
    })
    $(".main1-4-1").on("mouseleave", function () {
        $(this).css("display", "none")
        $(".main1-4").css("display", "none")
    })






    //商品轮播图
    var S = 1;
    $('.main1-5 p').eq(0).css("background", "#000").siblings().css("background", "#fff")
    $(".main1-6 p").on("mouseenter", function () { clearInterval(timer); $('.main1-6 p').css("display", "block") })

    $(".main1-2").on("mouseenter", function () {
        clearInterval(timer);
        $('.main1-6 p').css("display", "block")
    }).on("mouseleave", function () {
        timer = setInterval(autoplay, 2000);
        $('.main1-6 p').css("display", "none")
    })

    var timer = setInterval(autoplay, 2000);

    $('.main1-5 p').on("mouseenter", function () {
        S = $(this).index();
        $(this).css("background", "#000").siblings().css("background", "#fff")
        autoplay()
    })

    $('.main1-6 p').eq(0).on("click", function () {
        console.log(S)
        S = S - 2;
        autoplay()

    })
    $('.main1-6 p').eq(1).on("click", function () {
        console.log(S)
        autoplay()
    })

    function autoplay() {
        if (S >= 5) { S = 0 };
        if (S <= -1) { S = 4 }
        $('.main1-5 p').eq(S).css("background", "#000").siblings().css("background", "#fff")
        $(".main1-2 p").eq(S).animate({ opacity: 1 }).css("z-index", "1").siblings("p").css("opacity", "0.5").css("z-index", "0")
        if (S == 0) { $(".main1-0").css("background-color", "#fdf6f0") }
        if (S == 1) { $(".main1-0").css("background-color", "#9ab6aa") }
        if (S == 2) { $(".main1-0").css("background-color", "#d35547") }
        if (S == 3) { $(".main1-0").css("background-color", "#a81616") }
        if (S == 4) { $(".main1-0").css("background-color", "#ffb9bd") }
        S++;
    }




    //登陆注册小文字
    $(".main1-3-1-1 p:gt(1) span").on("mouseenter", function () {
        $(this).css("color", "red")
    })
    $(".main1-3-1-1 p:gt(1) span").on("mouseleave", function () {
        $(this).css("color", "#000")
    })



    //先领券后购物事件
    $(".main1-3-1-2").on("mouseenter", function () {
        $(this).css("background", "red").css("color", "#fff")
    })
    $(".main1-3-1-2").on("mouseleave", function () {
        $(this).css("background", "rgb(241, 241, 241)").css("color", "red")
    })

    //新闻事件
    $(".main1-3-2-2").on("mouseenter", function () {
        $(this).css("color", "red")
    })
    $(".main1-3-2-2").on("mouseleave", function () {
        $(this).css("color", "rgb(97, 97, 97)")
    })

    //九个小图标事件
    $(".main1-3-3-1").on("mouseenter", function () {
        $(this).css("color", "red").children("div").css("backgroundPosition", "0 -28px")
    })
    $(".main1-3-3-1").on("mouseleave", function () {
        $(this).css("color", "rgb(97, 97, 97)").children("div").css("backgroundPosition", "0 0px")
    })



    //展示图片放大放小
    $(".main2-2-1").on("mouseenter", function () {
        $(this).children("p").children("img").stop().animate({
            width: '110%',
            height: '110%',
            left: ("-" + (0.1 * $(this).width()) / 2),
            top: ("-" + (0.1 * $(this).height()) / 2)
        })
    }).on("mouseleave", function () {
        $(this).children("p").children("img").stop().animate({
            width: '140px',
            height: '140px',
            left: 0,
            top: 0
        })
    })



    //超值团图片放大缩小
    $(".main2-1").on("mouseenter", function () {
        $(this).children("img").stop().animate({
            width: '110%',
            height: '110%',
            left: ('-' + (0.1 * $(this).width()) / 2),
            top: ("-" + (0.1 * $(this).height()) / 2)
        })
    }).on("mouseleave", function () {
        $(this).children("img").stop().animate({
            width: '224px',
            height: '250px',
            left: 0,
            top: 0
        })
    })

    //七个小图片
    $(".main3 div").on("mouseenter", function () {
        $(this).children("img").stop().animate({
            width: '110%',
            height: '110%',
            left: ('-' + (0.1 * $(this).width()) / 2),
            top: ("-" + (0.1 * $(this).height()) / 2)
        })
    }).on("mouseleave", function () {
        $(this).children("img").stop().animate({
            width: $(this).width(),
            height: $(this).height(),
            left: 0,
            top: 0
        })
    })



    //回到顶部效果
    $(".main6-0").on("mouseenter", function () {
        $(this).css("backgroundPosition", "0 -50px")
    })
    $(".main6-0").on("mouseleave", function () {
        $(this).css("backgroundPosition", "0 0")
    })

    $(document).on("scroll", function () {
        if ($(document).scrollTop() >= 1000) {
            $(".main6-0").css("display", "block")
        } else {
            $(".main6-0").css("display", "none")
        }
    })
    $(".main6-0").on("click", function () {
        $('html,body').animate({ scrollTop: 0 }, 700)
    })

    //右边的侧栏
    // $(".main7-0").css("height", window.innerHeight)



})